<template>
  <el-tabs type="border-card" :value="active" @input="changeActive">
    <el-tab-pane v-for="(text, label) in tabs" :label="label" :name="label" :key="label">
      <el-input type="textarea" :rows="height" :value="text" :readonly="true"></el-input>
    </el-tab-pane>
  </el-tabs>
</template>
<script type="text/javascript">
  export default {
    props: ['tabs', 'height', 'active'],
    methods: {
      changeActive (val) {
        this.$emit('update:active', val)
      }
    }
  }
</script>